<template>
    <div class="img-container">
        <img v-for="(item,index) in filelist" :key="index" :src="`../../public/uploads/${item}`" alt="">
    </div>
</template>

<script setup>
    import { ref,onMounted } from 'vue'
    
    const filelist = ref([])
    

    

    onMounted(async () => {
        const files = await window.myApi.getFilelist()
        filelist.value = files
    })

</script>

<style lang="scss" scoped>
    .img-container {
        padding: 20px;
        img {
            width: 150px;
            margin-right: 10px;
        }
    }
</style>